<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/superslide.2.1.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{%$web_name%}</title>
</head>

<body>
<!--头部 开始-->
{%include file='inc_head.htm'%}
<!--头部 结束-->

<div class="nav2">
	<ul>
        {%foreach from=$res_list item=res%}
    	<li >
        	<a href="index.php?p=news_show&id={%$res.lc_id%}" class="a1"><img src="{%$res.lc_pic%}"></a>
            <a href="#">{%$res.lc_title%}</a>
        </li>
        {%/foreach%}
    </ul>
</div>
<h2 class="title1">产品特点及优势</h2>
<h4 class="titlea1"><span>&nbsp;&nbsp;PRODUCT FEATRURES AND ADVANTAGES</span></h4>
<div class="prd1">
	<ul>

        {%foreach from=$advan_list item=advan key=k%}
        {%if $k==2%}
    	<li style="margin-right:0;">
        	<a href="index.php?p=news_show&id={%$advan.lc_id%}"><img src="{%$advan.lc_pic%}"></a>
            <span class="name">{%$advan.lc_title%}</span>
            <span class="bg1"></span>
        </li>

        {%else%}
        <li>
            <a href="index.php?p=news_show&id={%$advan.lc_id%}"><img src="{%$advan.lc_pic%}"></a>
            <span class="name">{%$advan.lc_title%}</span>
            <span class="bg1"></span>
        </li>
        {%/if%}
        {%/foreach%}
        <!--<li style="margin-right:0;">-->
        	<!--<a><img src="images/P1.png"></a>-->
            <!--<span class="name">不伤手不花色</span>-->
            <!--<span class="bg1"></span>-->
        <!--</li>-->
    </ul>
</div>
<div class="nav3">
	<span class="sp1">精品展示</span>
    <ul>
        {%foreach from=$type_list item=type1 key=k%}
    	<li><a href="index.php?p=products_list&c_id={%$type1.c_id%}" target="#prda{%$k+1%}"><span class="sq2"></span><span class="sq4">{%$type1.c_title%}</span><span class="sq3"></span></a></li>
        {%/foreach%}
    </ul>
    <a class="a2" href="index.php?p=products_list"><span>MORE</span><span class="sq5">》</span></a>
</div>

<div class="prd2" >
    {%foreach from=$type_list item=type key=k%}
    <ul id="prda{%$k+1%}">
        {%if $type.pro_list  %}
        {%foreach from=$type.pro_list item=product%}
        <li>
            <a href="index.php?p=products_show&id={%$product.lc_id%}"><img src="{%$product.lc_pic%}" class="p2"></a>
            <span class="bg2"></span>
            <span>{%$product.lc_title%}</span>
        </li>
        {%/foreach%}
        {%else%}<div style="font-size: 18px;text-align: center">暂无产品......</div>
        {%/if%}

    </ul>
    {%/foreach%}


</div>

<div class="nav4">                                                                               
	<span class="sp1">客户案例</span>

    <ul>
        {%foreach from=$anli_type item=type2 key=k%}
    	<li><a href="index.php?p=products_list&c_id={%$type2.c_id%}" target="#prdb{%$k+1%}">{%$type2.c_title%}</a></li>
        {%/foreach%}
    </ul>
      <a class="a2" href="#"><span>MORE</span><span class="sq5">》</span></a>
</div>

<div class="prd3">
    {%foreach from=$anli_type item=type key=k%}
    <ul id="prdb{%$k+1%}">
        {%if $type.anli_pro%}
        {%foreach from=$type.anli_pro item=product%}
    	<li>
        	<a href="index.php?p=products_show&id={%$product.lc_id%}"><img src="{%$product.lc_pic%}" class="p2"></a>
            <span class="bg2"></span>
            <span>{%$product.lc_title%}</span>
        </li>
        {%/foreach%}
        {%else%}<div style="font-size: 18px;text-align: center">暂无产品......</div>
        {%/if%}

    </ul>
    {%/foreach%}

</div>

<div class="other">
	<div class="company">
    	<img src="{%$about.lc_pic%}" class="p3">
        <h2 class="title2">{%$about.lc_title%}</h2>
        <div class="message">
        	<p>{%$about.lc_description%}</p>
            <p> {%$about.lc_content%}</p>
        </div>
          <a class="a3" href="index.php?p=about&lanmu=3"><span>MORE</span><span class="sq5">》</span></a>
    </div>
    <div class="company">
    	{%$news_type.c_content%}
        <h2 class="title2">{%$news_type.c_title%}</h2>
      	<ul class="news">
            {%foreach from=$news_list item=news%}
        	<li><a href="index.php?p=news_show&id={%$news.lc_id%}"><span>{%$news.lc_title%}</span><span class="sq6"> 》</span></a></li>
            {%/foreach%}
            <!--<li><a href="#"><span>你与精致之间只差一面硅藻泥背景墙......</span><span class="sq6"> 》</span></a></li>-->
            <!--<li><a href="#"><span>你与精致之间只差一面硅藻泥背景墙......</span><span class="sq6"> 》</span></a></li>-->
            <!--<li><a href="#"><span>你与精致之间只差一面硅藻泥背景墙......</span><span class="sq6"> 》</span></a></li>-->
            <!--<li><a href="#"><span>你与精致之间只差一面硅藻泥背景墙......</span><span class="sq6"> 》</span></a></li>-->
            <!--<li><a href="#"><span>你与精致之间只差一面硅藻泥背景墙......</span><span class="sq6"> 》</span></a></li>-->
        </ul>
          <a class="a3" href="#"><span>MORE</span><span class="sq5">》</span></a>
    </div>
    <div class="content">
    	<img src="{%$contact.lc_pic%}" class="p3">
        <h2 class="title2">{%$contact.lc_title%}</h2>
        {%$contact.lc_content%}
    </div>
</div>
<h2 class="title1">合作·招商·加盟</h2>
<h4 class="titlea1" style="background-image:url(images/BG5.png);"><span>&nbsp;&nbsp;&nbsp;COIPERATION ·INVESTMENT· COOPERATION</span></h4>
<div class="hz">
    <a href="{%$ad.lc_url%}"><img src="{%$ad.lc_pic%}" class="l1"></a>
    <div class="hz2">
        <a href="index.php?p=about&lanmu=11"><img src="{%$jiameng.lc_pic%}" class="dh1"></a>
        <p class="tp1">{%$jiameng.lc_title%}</p>
        <p class="tp2">{%$jiameng.lc_keywords%}</p>
        <div class="info">
        	{%$jiameng.lc_content%}
        </div>
    </div>
</div>
<!--底部 开始-->
{%include file='bot.htm'%}
<!--底部 结束-->
</body>
</html>
<script type="text/javascript">
	
	$(".fullSlide").hover(function(){
    $(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
	},
	function(){
		$(this).find(".prev,.next").fadeOut()
	});
	
	
$(".fullSlide").slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function(i) {
        var curLi = jQuery(".fullSlide .bd li").eq(i);
        if ( !! curLi.attr("_src")) {
            curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
        }
    }
});


$('.nav2 ul li').hover(function(){
	$(this).css("background-image","url(images/img2.png)");
	$(this).children("a").css("color","#7ea034");
},function(){
	$(this).css("background-image","url(images/img1.png)");
	$(this).children("a").css("color","#303030");
});
$('.prd2 ul li span').hide();
$('.prd2 ul li').hover(function(){
	$(this).children("span").show();
},function(){
	$(this).children("span").hide();
});
$('.prd3 ul li span').hide();
$('.prd3 ul li').hover(function(){
	$(this).children("span").show();
},function(){
	$(this).children("span").hide();
});

$(".prd2 ul").hide();
$("#prda1").show();
$('.nav3 ul li a').hover(function(){
	var obj=$(this).attr("target");
	
	$(".prd2 ul").hide();
	$(obj).show();
},function(){
	
});
$(".prd3 ul").hide();
$("#prdb1").show();
$('.nav4 ul li a').hover(function(){
	
	var obj=$(this).attr("target");

	$(".prd3 ul").hide();
	$(obj).show();
},function(){
	
});
</script>